<template>
    <div>
        <p>Bob 儿子</p>
    <slot name="header" :sonName="name">这是子组件默认的内容11</slot>
        <h2>中间部分</h2>
    <slot name="footer">这是子组件默认的内容111</slot>
</div>
</template>

<script>
    export default{
        data(){
            return{
                name:"Bob"
            }
        }
    }
</script>